Channel: Clever Programmer

Category: Education

Tags: codingcleverprogrammersoftware developmentreact jsprogrammerdeveloperweb developmenttutorialsoftware developerprogrammingjavascript

Description: In this tutorial, you're gonna be building the Opensea Blockchain Web 3.0 App using Next JS, Sanity.io, thirdweb, Tailwind CSS, and Vercel 🔥 Get early access to thirdweb 👉 thirdweb.com/start?utm_source=youtube&utm_medium=social&utm_campaign=clever+programmer&utm_term=web3clones Get the free boosted plan with Sanity 👉 sanity.io/cleverprogrammer 🗄️ Link to the assets: drive.google.com/drive/folders/1BS_tG_B7kH3pJVBu6KJiLgsk4T2gt9Jr @Coder Coder How to Make a Background Image Transparent in CSS 👉 youtube.com/watch?v=LQsjNmkqUOc&ab_channel=CoderCoder 🔗 GitHub Repo: github.com/CleverProgrammers/opensea-blockchain-youtube You'll be learning about: 👉 Building a Web 3.0 Application with Next JS 👉 Styling your app using Styled Components 👉 Create and mint your own NFT Tokens using the thirdweb SDK 👉 Adding Web 3.0 authentication using Metamask 👉 Storing data and information about the tokens you created in Sanity.io 👉 Using GROQ to retrieve data from Sanity Studio and display it in your Web 3.0 App 👉 Creating a send and receive functionality for your NFTs on the blockchain 👉 Deploy and host the app on Vercel Buckle up, buttercup 🚀 ⏲️ Timestamps 00:00:00 - Intro 00:01:32 - Demo Opensea Clone App 00:06:21 - Setting up NextJS 00:22:28 - Add Navbar 00:37:24 - Add Hero 00:46:58 - Set up Metamask Authentication with NextJS 01:07:31 - Build NFT Collection Page 01:37:26 - Add NFT Detail Page 01:59:27 - Set up NFT Direct Listing Purchase using NextJS and Thirdweb 02:14:35 - Deploy NextJS App to Vercel 02:21:27 - Outro ======================================================= 👨‍👩‍👧‍👦 Join our Discord Community: cleverprogrammer.com/discord 🚀 Join Profit with React: cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=22-jan-coinbase-web3-clone 🤝 Attend our meetups: cleverprogrammer.com/meetups #web3 #frontend #blockchaindeveloper